@charset "utf-8";
@import "common/reset";
@function r($xp){
    @return $xp/100+rem;
}
.mobile{
    overflow: auto;
   section{
       .sauce{
       font-size: 0;
           margin-top: r(20);
           .sun{
               
               width: r(290);
                background: #f6f6f6;
               font-size: 0;
               display: inline-block;
             margin-left: r(19);
             margin-right: r(19);
           .wanghun{
               width: r(290);
               height: r(189);
               color: #000000;
               img{
                   width: 100%;
               } 
               h1{
               font-size:r(22) ;
               font-weight: normal;
               margin-left: r(3);
               margin-top: r(15);
               margin-bottom: r(5);
           }
           h2{
               font-size:r(22) ;
               font-weight: normal;
                margin-left: r(3);
           }
           }
          
//         收藏及查看
           .Situation{
               h3{
               font-size: r(18);
               color: white;
               width: r(88);
               height: r(27);
               display: inline-block;
               background: #b20000;
               border-radius: 10%;
               text-align: center;
                margin-left: r(7);
                 margin-top: r(15);
           }
           .xin{
               width: r(21);
               height: r(19);
               margin-left: r(32);
               display: inline-block;
               img{
                   width: 100%;
               }
           }
           h5{
                margin-left: r(7);
                margin-right: r(16);
               font-size: r(20);
               color: #c5c5c5;
               display: inline-block;
           }
           .yan{
               margin-left: r(7);
               width: r(24);
               height:r(14);
               display: inline-block;
               img{
                   width: 100%;
               }
           }
           h6{
              font-size: r(20);
               color: #c5c5c5;
               display: inline-block; 
           }
        }
//      头像
        .Head-portrait{
            margin-top: r(14);
           overflow: hidden;
            .xiaotou{
               margin-right: r(8);
             float: left;
                width: r(35);
               height:r(35);
              
                img{
                   width: 100%; 
                }
            }
            span:nth-child(2){
                font-size: r(18);
               float: left;
                color: #c5c5c5;
            }
            span:nth-child(3){
                font-size: r(18);
               float: right;
                color: #c5c5c5;
                margin-right: r(20);
            }
        }
       }
       .sun-2{width: r(290);
       display: inline-block;
                background: #f6f6f6;
               font-size: 0;
               
           .wanghun-2{
               width: r(290);
               height: r(189);
               color: #000000;
               img{
                   width: 100%;
               } 
               h1{
               font-size:r(22) ;
               font-weight: normal;
               margin-left: r(3);
               margin-top: r(15);
               margin-bottom: r(5);
               }
                h2{
               font-size:r(22) ;
               font-weight: normal;
                margin-left: r(3);
           }
           }
//         收藏及查看
           .Situation-2{
               h3{
               font-size: r(18);
               color: white;
               width: r(88);
               height: r(27);
               display: inline-block;
               background: #b20000;
               border-radius: 10%;
               text-align: center;
                margin-left: r(7);
                 margin-top: r(15);
           }
           .xin-2{
               width: r(21);
               height: r(19);
               margin-left: r(32);
               display: inline-block;
               img{
                   width: 100%;
               }
           }
           h5{
                margin-left: r(7);
                margin-right: r(16);
               font-size: r(20);
               color: #c5c5c5;
               display: inline-block;
           }
           .yan-2{
               margin-left: r(7);
               width: r(24);
               height:r(14);
               display: inline-block;
               img{
                   width: 100%;
               }
           }
           h6{
              font-size: r(20);
               color: #c5c5c5;
               display: inline-block; 
           }
        }
//      头像
        .Head-portrait-2{
            margin-top: r(14);
           overflow: hidden;
            .xiaotou-2{
               margin-left: r(8);
               float: left;
                width: r(35);
               height:r(35);
              
                img{
                   width: 100%; 
                }
            }
            span:nth-child(2){
                font-size: r(18);
                float: left;
                color: #c5c5c5;
                margin-top: r(4);
               
            }
            span:nth-child(3){
                font-size: r(18);
               float: right;
                color: #c5c5c5;
                margin-top: r(4);
                margin-right: r(20);
            }
        }
       }
   }

   }
}
